<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2022/11/18
  Time: 16:12
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="zh-Hans-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width" />
    <title>ccy个人博客</title>
    <link href="/blog/layui/css/layui.css" rel="stylesheet" type="text/css">
    <link href="/blog/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <link href="/blog/css/index_style.css" rel="stylesheet" type="text/css">
    <link href="/blog/css/animate.min.css" rel="stylesheet" type="text/css">
</head>
<body>

<div id="menu" class="hover_animation menu_open" data-mark="false">
    <span></span>
    <span></span>
    <span></span>
</div>
<div id="navgation" class="navgation navgation_close">
    <ul class="point">
        <li><a href="/blog/#">首页</a></li>
        <li><a href="/blog/toView/workbench/article/article">博客</a></li>
        <li><a href="/blog/toView/workbench/comment/comment">留言</a></li>
    </ul>
    <div class="logo"><a>Mr.chen</a></div>
</div>
<div class="section" id="section1">
    <div class="fp-tablecell">
        <div class="page1">
            <div class="nav wow zoomIn" data-wow-duration="2s">
                <h1>CY-Blog</h1>
                <p>只要朝着一个方向努力，一切都会变得得心应手</p>
                <a class="layui-btn layui-btn-normal" style="margin-top: 20px" href="/blog/toView/workbench/login/login">Enter Blog</a>
            </div>
            <a class="next wow fadeInUp" data-wow-duration="2s" id="next"></a>
        </div>
    </div>
</div>
<div class="section" id="section2">
    <div class="fp-tablecell">
        <div class="page2">
            <div class="warp-box">
                <div class="new-article">
                    <div class="inner wow fadeInDown" data-wow-delay=".2s">
                        <h1>博客分类</h1>
                        <p>
                            只要朝着一个方向努力
                            <br>一切都会变得得心应手
                        </p>
                    </div>
                </div>
                <div class="layui-row">
                    <div class="layui-col-xs12 layui-col-sm4 layui-col-md4  wow fadeInUp" style="padding: 0 10px">
                        <div class="single-news">
                            <div class="news-head">
                                <img src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fn.sinaimg.cn%2Fsinacn%2Fw372h437%2F20180309%2Fcf7a-fxpwyhw4001633.png&refer=http%3A%2F%2Fn.sinaimg.cn&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1671364728&t=9ad7ac58cb16ff1a7ceb864307a83fc6">
                                <a href="/blog/#" class="link"><i class="fa fa-link"></i></a>
                            </div>
                            <div class="news-content">
                                <h4>
                                    <a href="/blog/#">
                                        Java专栏
                                    </a>
                                </h4>
                                <div class="date">
                                    2022年11月22日
                                </div>
                                <p>
                                    本专栏主要分享Java的各种常见问题，包括java学习路线，java基础，框架，微服务，项目，面试题，希望通过这些知识的分享能够提升自己的java水平
                                </p>
                                <a href="/blog/#" class="btn">
                                    阅读更多
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="layui-col-xs12 layui-col-sm4 layui-col-md4  wow fadeInUp" data-wow-delay=".2s" style="padding: 0 10px">
                        <div class="single-news">
                            <div class="news-head">
                                <img src="https://img0.baidu.com/it/u=3357654281,4099142801&fm=253&fmt=auto&app=138&f=PNG?w=700&h=395">
                                <a href="/blog/#" class="link"><i class="fa fa-link"></i></a>
                            </div>
                            <div class="news-content">
                                <h4>
                                    <a href="/blog/#">
                                        web前端专栏
                                    </a>
                                </h4>
                                <div class="date">
                                    2022年11月24日
                                </div>
                                <p>
                                    本栏目主要分享关于web前端的学习路线，基础知识，常用框架，面试题，项目等等
                                </p>
                                <a href="/blog/#" class="btn">
                                    阅读更多
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="layui-col-xs12 layui-col-sm4 layui-col-md4  wow fadeInUp" data-wow-delay=".4s" style="padding: 0 10px">
                        <div class="single-news">
                            <div class="news-head">
                                <img src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Ftm-image.tianyancha.com%2Ftm%2F4a9d03173f01e1de79ff3be76a53421e.jpg&refer=http%3A%2F%2Ftm-image.tianyancha.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1671364808&t=885fe3ca0f99adab45a0524de45fe2f9">
                                <a href="/blog/#" class="link"><i class="fa fa-link"></i></a>
                            </div>
                            <div class="news-content">
                                <h4>
                                    <a href="/blog/#">
                                        CSS专栏
                                    </a>
                                </h4>
                                <div class="date">
                                    2022年11月24日
                                </div>
                                <p>
                                    本栏目主要介绍SSM框架的一些使用注意事项和配置问题，SSM作为后端的基础框架，具有值得学习
                                </p>
                                <a href="/blog/#" class="btn">
                                    阅读更多
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="section" id="section3">
    <div class="fp-tablecell">
        <div class="page3">
            <div class="warp-box">
                <div class="warp">
                    <div class="inner">
                        <div class="links">
                            <ul>
                                <li class="wow fadeInLeft"><a href="/blog/#">关于</a></li>
                                <li class="wow fadeInRight"><a href="/blog/#">+友情链接</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="section" id="section4">
    <div class="fp-tablecell">
        <div class="page4">
            <div class="warp-box">
                <div class="about">
                    <div class="inner">
                        <h1 class="wow fadeInLeft">CY个人博客</h1>
                        <p class="wow fadeInRight">
                            一天很短，开心了就笑，不开心了就过会儿再笑。
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<footer class="footer wow fadeInUp" id="contact">
    <div class="footer-top">
        <div class="container">
            <div class="layui-row">
                <div class="layui-col-xs12 layui-col-sm6 layui-col-md4">
                    <div class="single-widget about">
                        <div class="footer-logo">
                            <h2>CY个人博客</h2>
                        </div>
                        <p>世界那么大，我想去看看</p>
                        <div class="button">
                            <a href="/blog/login.jsp" class="btn layui-btn layui-btn-normal">About Me</a>
                        </div>
                    </div>
                </div>
                <div class="layui-col-xs12 layui-col-sm6 layui-col-md4">
                    <div class="single-widget">
                        <h2>相关链接</h2>
                        <ul class="social-icon">
                            <li class="active"><a href="/blog/toView/workbench/article/article"><i class="fa fa-book"></i>博文</a></li>
                            <li class="active"><a href="/blog/toView/workbench/comment/comment"><i class="fa fa-comments"></i>留言</a></li>
                            <li class="active"><a href="/blog/#"><i class="fa fa-share"></i>资源</a></li>
                            <li class="active"><a href="/blog/#"><i class="fa fa-snowflake-o"></i>日记</a></li>
                            <li class="active"><a href="https://blog.csdn.net/m0_52275819?type=blog"><i class="fa fa-files-o"></i>CSDN</a></li>
                        </ul>
                    </div>
                </div>
                <div class="layui-col-xs12 layui-col-sm12 layui-col-md4">
                    <div class="single-widget contact">
                        <h2>联系我</h2>
                        <ul class="list">
                            <li><i class="fa fa-map"></i>地址:广州市天河区</li>
                            <li><i class="fa fa-qq"></i>QQ: 3496809070 </li>
                            <li><i class="fa fa-envelope"></i>邮箱: 3496809070@qq.com</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="copyright">
        <div class="container">
            <div class="layui-row">
                <div class="layui-col-xs12 layui-col-sm12 layui-col-md12 text-center">
                    <p>Copyright &copy; 2022-2022 CY个人博客</p>
                </div>
            </div>
        </div>
    </div>
</footer>
<script src="/blog/layui/layui.js"></script>
<script src="/blog/js/wow.min.js"></script>
<script src="/blog/js/index.js"></script>
<script src="/blog/js/layer-3.5.1/layer.js" type="text/javascript"></script>
</body>
</html>